<ion-view view-title="guidePage">
  <div class="list list-inset">
    <div class="item item-icon-right">1
      <i class="icon ion-easel"></i>
    </div>
    <div class="item">
      <div class="item item-toggle">
        iMessage
        <label class="toggle toggle-balanced">
          <input type="checkbox">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>
      </div>

    </div>
    <div class="item">
      <div class="item item-chexkbox">
        <div class="checkbox">
          <input type="checkbox">
        </div>
      </div>
    </div>
    <div class="item">
      <div class="item range">
        <div class="icon icon-volume-low"></div>
        <input type="range" name="volume">
        <any class="icon icon-volume-high"></any>
      </div>

    </div>
    <div class="item">5
          <div class="badge badge-assertive">6</div>
    </div>
    <div class="item">6</div>
    <div class="item">7</div>
  </div>
</ion-view>

